/**
 * jQuery MotionCAPTCHA Demo CSS
 * josscrowcroft.com/projects/motioncaptcha-jquery-plugin/
 *
 * These rules aren't necessary for the plugin to operate, but they look nice enough.
 *
 * The demo styles are based on http://www.premiumpixels.com/freebies/coming-soon-splash-page-psd/
 */


/* --- The CSS Reset (see cssreset.com) --- */

.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}




#wrap {
	min-height:100%;
	position:relative;
	/*background: #55575c url(bg.jpg);*/
	/*  TO-DO: this corner-shadow effect rapes safari in the bum:
		-webkit-box-shadow: inset 0 0 300px rgba(0,0,0,0.5);
		   -moz-box-shadow: inset 0 0 300px rgba(0,0,0,0.5);
				box-shadow: inset 0 0 300px rgba(0,0,0,0.5);
	*/
}


/* Some differences specific to the textarea: */
textarea {
	max-height:200px;
	max-width:422px
}


/* MotionCAPTCHA canvas */
#mc-canvas {
	margin: 5px 0px 10px;
	padding:1px;
	display: block;
	border: 4px solid #433e45;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
}
/* Red border when invalid */
#mc-canvas.mc-invalid {
	border: 4px solid #cd0001;
}
/* Green border when valid */
#mc-canvas.mc-valid {
	border: 4px solid #44aa44;
}


